<style>
    input[type=radio]{
        width:10px;
    }


</style>
<h1 class="h1Text">Select Shipping Option</h1>
 {{$checkout_msg}}
<form method="post" action="{{$base_index_url}}/{{$current_stage->get_action_url()}}">

    {{foreach from=$carriers item=carrier}}
        <fieldset  id="carrier_fieldset_{{$carrier->carrier_id}}" class="carrier_fieldset"  onclick="make_active('{{$carrier->carrier_id}}')">
            <table>

                <tr>
                    <td width="5">
                        <input type="radio" id="carrier_{{$carrier->carrier_id}}" class="carrier_radio" name="carrier" value="{{$carrier->carrier_id}}"/>
                    </td>
                    <td>{{$carrier->description}}</td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align: left;padding-left: 25px">
                        {{load_specific_view name=$carrier->carrier_id module="checkout_shipping" carrier=$carrier}}
                    </td>
                </tr>
            </table>
        </fieldset>
    {{/foreach}}

    <input type="submit"/>
</form>
 <script type="text/javascript" >
    function highlight_fieldset(carrier){
        $(".carrier_fieldset").css("border", "1px solid #BBBBBB");
        $("#carrier_fieldset_"+carrier).css("border", "1px solid orange");
    }
    function select_carrier_radio(carrier){
        $("#carrier_"+carrier).attr("checked",true);
    }

    function make_active(carrier){
        select_carrier_radio(carrier)
        highlight_fieldset(carrier);
    }

    $(document).ready(function(){
        selected = '{{$shipiping_carrier_selection}}';
        if(selected.length>0){
            make_active(selected);
        }
    });
</script>